<template>
  <!--  楼盘攻略  -->
  <div class="wrapper">
    <h2 class="title">楼讯攻略</h2>
    <ul>
      <li class="item border-bottom" v-for="item of ListB" :key="item.id">
        <div class="item-left">
          <p class="item-left-text">{{item.text}}</p>
          <p class="item-time"><span>{{item.figure}}</span><span>{{item.time}}</span></p>
        </div>
        <div class="item-right">
          <img :src="item.imgUrl">
        </div>
      </li>
    </ul>
    <!-- 查看更多 -->
    <router-link tag="div" to="/raiders/" class="item-more">查看更多</router-link>
  </div>
</template>

<script>
  export default {
    name: 'LouXunGongLue',
    data () {
      return {
        ListB: [{
          id: '0001',
          title: '房产税',
          text: '放松限购意味着什么 买的房子好不好',
          imgUrl: 'https://images-louxun-formal.oss-cn-shenzhen.aliyuncs.com/20200416/75c63c01228c4e0b902cb431d5cd94fe.png?x-oss-process=image/resize,w_250',
          figure: '楼讯找房-上海',
          time: '04-29'
        }, {
          id: '0002',
          title: '房产营业税',
          text: '一定要收藏！非沪籍无购房资格在上海购买住宅的八个路径！',
          imgUrl: 'https://images-louxun-formal.oss-cn-shenzhen.aliyuncs.com/20200417/144c701e027648fd8cabe0daf74d1506.jpg?x-oss-process=image/resize,w_250',
          figure: '房天下',
          time: '04-29'
        }, {
          id: '0003',
          title: '房地产契税',
          text: '40年产权公寓到期后怎么办 产权登记证有效期为多长时间',
          imgUrl: 'https://images-louxun-formal.oss-cn-shenzhen.aliyuncs.com/20200417/24748872283f4c209188b655d11b86f2.jpg?x-oss-process=image/resize,w_250',
          figure: '贝壳找房',
          time: '04-29'
        }]
      }
    },
  }
</script>

<style scoped lang="stylus">
  @import "~styles/varibles.styl"
  .wrapper
    wrapper()

  .title
    title()

  .item
    item()

  .item-left
    width 4rem
    height 2rem
    display flex
    flex-direction column
    justify-content space-around
    padding-right .8rem

  .item-left-title
    font-size .34rem
    font-weight bolder

  .item-left-text
    line-height .4rem
    overflowEllipsis2()

  .item-right
    width 2.3rem
    height 2rem
    overflow hidden

  .item-right img
    img()

  .item-time
    information()

  .item-more
    button()
</style>
